@charset "UTF-8";

//-----------------------------------------------------
// variables scss
//-----------------------------------------------------

// active state switch
//-----------------------------------------------------
$borderBoxSwitch: true !default;

// font相关
//-----------------------------------------------------
$fontSize: 14px !default;
$fontLineHeight: 1.5 !default;
$fontFamily: -apple-system, BlinkMacSystemFont, 'Seogoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC',
  'Hiragino Sans GB', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Source Han Sans CN', sans-serif !default;
// 苹方, 冬青黑体，微软雅黑UI（win8.1+），微软雅黑，思源黑体（安卓）
$fontCn: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Source Han Sans CN' sans-serif !default;
// 前两个为safari chrome, ios4.0+, ios4.0-, Android 4.0+, Android 4.0-, windows&windows Phone,
$fontEn: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Roboto, 'Droid Sans', 'Seogoe UI', Arial !default;

// 背景色，文本色，边框色，链接色
//-----------------------------------------------------
$colorText: #333 !default;
$colorBg: #fff !default;
$colorBorder: #dbdbdb !default;
$colorLink: #08c !default;
$colorPlaceholder: #999 !default; // input placeholder color
$colorDisabled: (
  text: #999,
  bg: #e3e3e3,
  border: #dbdbdb,
) !default; // textColor bgColor borderColor
$colorOverlay: rgba(0, 0, 0, 0.7) !default; // 遮罩层颜色

// 基本颜色
// color function : http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html
// lighten($color, $amount)
// darken($color, $amount)
// opacity($color, $amount)
// mix($color1, $color2[, $amount])
//-----------------------------------------------------
$color3: #333;
$color6: #666;
$color9: #999;
$colorC: #ccc;
$colorF: #f5f5f5;

$blue: #007aff !default;
$orange: #ff9500 !default;
$red: #ff3b30 !default;
$green: #4cd964 !default;
$primary: #007aff !default;

// 元素上下间距
//-----------------------------------------------------
$gap: 20px !default;

// radius
//-----------------------------------------------------
$radiusBase: 5px !default;
$radiusSmall: 3px !default;

// timing-function
//-----------------------------------------------------
$timingFunction: cubic-bezier(0.42, 0, 0.58, 1);

// active state switch
//-----------------------------------------------------
$activeStateSwitch: true !default;

// z-index
//-----------------------------------------------------
$zIndexHeader: 1000 !default;
$zIndexFooter: 2000 !default;
$zIndexPopup: 3000 !default;
$zIndexOverlay: 4000 !default; // 默认高于header和footer部分

// menu
//-----------------------------------------------------
$menuText: #bfcbd9;
$menuActiveText: #409eff;
$subMenuActiveText: #f4f4f5; // https://github.com/ElemeFE/element/issues/12951

$menuBg: #304156;
$menuHover: #263445;

$subMenuBg: #1f2d3d;
$subMenuHover: #001528;

$sideBarWidth: 250px;
$headerBarHeight: 60px;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}
